<template>
	<h2>父组件</h2>
	number:{{number}}
	<!-- <ChildB @updateCount='updateEmitCount'></ChildB> -->
	
	<h3>用户注册的数据</h3>
	<ChildB @demosumit='demoupate'></ChildB> 
	sumitdata:{{sumitdata}}
	
</template>

<script setup>
	import { ref } from 'vue';
import ChildB from './ChildB.vue'
	//3.在父组件中监听自定义事件,通过v-on可以监听
	//语法 <子组件名 @子组件传过来的自定义事件="本组件定义的事件处理器"/>
	//父组件可以通过value属性接收从子组件中传递来的参数。
	const number=ref(10)
	const updateEmitCount=(value)=>{
		number.value +=value
	}
	
	//接收子组件传递过来的数据并显示：
	const sumitdata=ref(null)
	//事件处理器
	const demoupate=(data)=>{
		sumitdata.value=data
	}
	
</script>

<style scoped>
</style>